const newsList = document.querySelector('#news-list')
const renderNews = async () => {
const info = await axios.get('http://ajax-api.itheima.net/api/news')
   const {data:res} = info
  newsList.innerHTML = res.data.map((item) => {
        return ` <div class="news-item">
                        <img
                        class="thumb"
                        src=${item.img}
                        alt=""
                        />
                        <div class="right-box">
                        <!-- 新闻标题 -->
                        <h1 class="title">${item.title}</h1>
                        <div class="footer">
                            <div>
                            <!-- 新闻来源 -->
                            <span>${item.source}</span>&nbsp;&nbsp;
                            <!-- 发布日期 -->
                            <span>${item.time}</span>
                            </div>
                            <!-- 评论数量 -->
                            <span>评论数：${item.cmtcount}</span>
                        </div>
                        </div>
                 </div>`    
   })
}
renderNews()

